import { useSettingsStore } from '@/store'

/**
 * 应用侧边栏配色
 * @param theme 配色主题：classic-经典蓝, minimal-极简白
 */
export function applySidebarTheme(theme: string) {
  const root = document.documentElement
  
  if (theme === 'minimal') {
    // 极简白配色
    root.style.setProperty('--menu-background', 'var(--sidebar-theme-minimal-bg)')
    root.style.setProperty('--menu-text', 'var(--sidebar-theme-minimal-text)')
    root.style.setProperty('--menu-hover', 'var(--sidebar-theme-minimal-hover)')
    root.style.setProperty('--menu-active', 'var(--sidebar-theme-minimal-active)')
    root.style.setProperty('--sidebar-logo-background', 'var(--sidebar-theme-minimal-bg)')
    root.style.setProperty('--sidebar-logo-text', 'var(--sidebar-theme-minimal-logo-text)')
    console.log('应用极简白配色')
  } else {
    // 经典蓝配色（默认）
    root.style.setProperty('--menu-background', 'var(--sidebar-theme-classic-bg)')
    root.style.setProperty('--menu-text', 'var(--sidebar-theme-classic-text)')
    root.style.setProperty('--menu-hover', 'var(--sidebar-theme-classic-hover)')
    root.style.setProperty('--menu-active', 'var(--sidebar-theme-classic-active)')
    root.style.setProperty('--sidebar-logo-background', 'var(--sidebar-theme-classic-bg)')
    root.style.setProperty('--sidebar-logo-text', 'var(--sidebar-theme-classic-text)')
    console.log('应用经典蓝配色')
  }
}

/**
 * 初始化侧边栏配色
 */
export function initSidebarTheme() {
  const settingsStore = useSettingsStore()
  applySidebarTheme(settingsStore.sidebarTheme)
} 